<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
	dir="ltr">
<head>
<title>Google Maps API v3 Test...</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css"
	href="/include/style/GoogleMaps.css">
<link rel="stylesheet" type="text/css"
	href="/include/style/style.css">

<script src="/include/Javascript/functions.js" type="text/javascript"></script>

<script
	src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false"
	type="text/javascript"></script>
<%-- <%@ include file="include/header.jsp"%> --%>
<%@ include file="include/GoogleMapsNeeded.jsp"%>

</head>
<body onload="load()" onunload="GUnload()">
	<jsp:include page="include/header.jsp"/> 
	<div style="width: 836px; margin-left: auto; margin-right: auto;">
		<div id="map_canvas"
			style="float: left; width: 700px; height: 700px; border: 1px solid black"></div>
		<div id="sidebar"
			style="float: left; width: 120px; margin-top: 10px; height: 700px; padding-left: 2px; border-left: 0px !important; border: 1px solid black">

			<span class="FirstYear"><input type="checkbox" id="yearOneBox" onclick="toggleYear('Year1','yearOneBox','yearOneCheckbox')" CHECKED /><a id="yearOne" href="javascript:toggle('Year1','yearOne');">Jaarlaag 1</a><br/></span>
			<div id="Year1" style="display: block;">
				<input type="checkbox" name="yearOneCheckbox" value="Klas1B1" onclick="toggleGroup('Klas1B1')" CHECKED /> Klas1B1 <br />
				<input type="checkbox" name="yearOneCheckbox" value="Klas1B2" onclick="toggleGroup('Klas1B2')" CHECKED /> Klas1B2 <br />
				<input type="checkbox" name="yearOneCheckbox" value="Klas1B3" onclick="toggleGroup('Klas1B3')" CHECKED /> Klas1B3 <br />
				<input type="checkbox" name="yearOneCheckbox" value="Klas1H1" onclick="toggleGroup('Klas1H1')" CHECKED /> Klas1H1 <br />
				<input type="checkbox" name="yearOneCheckbox" value="Klas1H2" onclick="toggleGroup('Klas1H2')" CHECKED /> Klas1H2 <br />
				<input type="checkbox" name="yearOneCheckbox" value="Klas1M1" onclick="toggleGroup('Klas1M1')" CHECKED /> Klas1M1 <br />
				<input type="checkbox" name="yearOneCheckbox" value="Klas1M2" onclick="toggleGroup('Klas1M2')" CHECKED /> Klas1M2 <br />
				<input type="checkbox" name="yearOneCheckbox" value="Klas1M3" onclick="toggleGroup('Klas1M3')" CHECKED /> Klas1M3 <br />
				<input type="checkbox" name="yearOneCheckbox" value="Klas1V1" onclick="toggleGroup('Klas1V1')" CHECKED /> Klas1V1 <br />	
				<input type="checkbox" name="yearOneCheckbox" value="Klas1V2" onclick="toggleGroup('Klas1V2')" CHECKED /> Klas1V2 <br />		
			</div>
				
			<span class="SecondYear"><input type="checkbox" id="yearTwoBox" onclick="toggleYear('Year2','yearTwoBox','yearTwoCheckbox')" CHECKED /><a id="yearTwo" href="javascript:toggle('Year2','yearTwo');">Jaarlaag 2</a><br/></span>
			<div id="Year2" style="display: none;">
				<input type="checkbox" name="yearTwoCheckbox" value="Klas2H1" onclick="toggleGroup('Klas2H1')" CHECKED/> Klas2H1 <br />
				<input type="checkbox" name="yearTwoCheckbox" value="Klas2H2" onclick="toggleGroup('Klas2H2')" CHECKED/> Klas2H2 <br />
				<input type="checkbox" name="yearTwoCheckbox" value="Klas2H3" onclick="toggleGroup('Klas2H3')" CHECKED/> Klas2H3 <br />
				<input type="checkbox" name="yearTwoCheckbox" value="Klas2M1" onclick="toggleGroup('Klas2M1')" CHECKED/> Klas2M1 <br />
				<input type="checkbox" name="yearTwoCheckbox" value="Klas2M2" onclick="toggleGroup('Klas2M2')" CHECKED/> Klas2M2 <br />
				<input type="checkbox" name="yearTwoCheckbox" value="Klas2M3" onclick="toggleGroup('Klas2M3')" CHECKED/> Klas2M3 <br />
				<input type="checkbox" name="yearTwoCheckbox" value="Klas2M4" onclick="toggleGroup('Klas2M4')" CHECKED/> Klas2M4 <br />
				<input type="checkbox" name="yearTwoCheckbox" value="Klas2V1" onclick="toggleGroup('Klas2V1')" CHECKED/> Klas2V1 <br />
				<input type="checkbox" name="yearTwoCheckbox" value="Klas2V2" onclick="toggleGroup('Klas2V2')" CHECKED/> Klas2V2 <br />
				<input type="checkbox" name="yearTwoCheckbox" value="Klas2V3" onclick="toggleGroup('Klas2V3')" CHECKED/> Klas2V3 <br />
			</div>
				
			<span class="ThirdYear"><input type="checkbox" id="yearThreeBox" onclick="toggleYear('Year3','yearThreeBox','yearThreeCheckbox')" CHECKED /><a id="yearThree" href="javascript:toggle('Year3','yearThree');">Jaarlaag 3</a><br/></span>
			<div id="Year3" style="display: none;">
				<input type="checkbox" name="yearThreeCheckbox" value="Klas3H1" onclick="toggleGroup('Klas3H1')" CHECKED/> Klas3H1 <br />
				<input type="checkbox" name="yearThreeCheckbox" value="Klas3H2" onclick="toggleGroup('Klas3H2')" CHECKED/> Klas3H2 <br />
				<input type="checkbox" name="yearThreeCheckbox" value="Klas3H3" onclick="toggleGroup('Klas3H3')" CHECKED/> Klas3H3 <br />
				<input type="checkbox" name="yearThreeCheckbox" value="Klas3M1" onclick="toggleGroup('Klas3M1')" CHECKED/> Klas3M1 <br />
				<input type="checkbox" name="yearThreeCheckbox" value="Klas3M2" onclick="toggleGroup('Klas3M2')" CHECKED/> Klas3M2 <br />
				<input type="checkbox" name="yearThreeCheckbox" value="Klas3M3" onclick="toggleGroup('Klas3M3')" CHECKED/> Klas3M3 <br />
				<input type="checkbox" name="yearThreeCheckbox" value="Klas3V1" onclick="toggleGroup('Klas3V1')" CHECKED/> Klas3V1 <br />
				<input type="checkbox" name="yearThreeCheckbox" value="Klas3V2" onclick="toggleGroup('Klas3V2')" CHECKED/> Klas3V2 <br />
			</div>
				
			<span class="FourthYear"><input type="checkbox" id="yearFourBox" onclick="toggleYear('Year4','yearFourBox','yearFourCheckbox')" CHECKED /><a id="yearFour" href="javascript:toggle('Year4','yearFour');">Jaarlaag 4</a><br/></span>
			<div id="Year4" style="display: none;">
				<input type="checkbox" name="yearFourCheckbox" value="Klas4H1" onclick="toggleGroup('Klas4H1')" CHECKED/> Klas4H1 <br />
				<input type="checkbox" name="yearFourCheckbox" value="Klas4H2" onclick="toggleGroup('Klas4H2')" CHECKED/> Klas4H2 <br />
				<input type="checkbox" name="yearFourCheckbox" value="Klas4M1" onclick="toggleGroup('Klas4M1')" CHECKED/> Klas4M1 <br />
				<input type="checkbox" name="yearFourCheckbox" value="Klas4M2" onclick="toggleGroup('Klas4M2')" CHECKED/> Klas4M2 <br />
				<input type="checkbox" name="yearFourCheckbox" value="Klas4M3" onclick="toggleGroup('Klas4M3')" CHECKED/> Klas4M3 <br />
				<input type="checkbox" name="yearFourCheckbox" value="Klas4V1" onclick="toggleGroup('Klas4V1')" CHECKED/> Klas4V1 <br />
				<input type="checkbox" name="yearFourCheckbox" value="Klas4V2" onclick="toggleGroup('Klas4V2')" CHECKED/> Klas4V2 <br />
			</div>
				
			<span class="FifthYear"><input type="checkbox" id="yearFiveBox" onclick="toggleYear('Year5','yearFiveBox','yearFiveCheckbox')" CHECKED /><a id="yearFive" href="javascript:toggle('Year5','yearFive');">Jaarlaag 5</a><br/></span>
			<div id="Year5" style="display: none;">
				<input type="checkbox" name="yearFiveCheckbox" value="Klas5H1" onclick="toggleGroup('Klas5H1')" CHECKED/> Klas5H1 <br />
				<input type="checkbox" name="yearFiveCheckbox" value="Klas5H2" onclick="toggleGroup('Klas5H2')" CHECKED/> Klas5H2 <br />
				<input type="checkbox" name="yearFiveCheckbox" value="Klas5V1" onclick="toggleGroup('Klas5V1')" CHECKED/> Klas5V1 <br />
				<input type="checkbox" name="yearFiveCheckbox" value="Klas5V2" onclick="toggleGroup('Klas5V2')" CHECKED/> Klas5V2 <br />
			</div>
				
			<span class="SixthYear"><input type="checkbox" id="yearSixBox" onclick="toggleYear('Year6','yearSixBox','yearSixCheckbox')" CHECKED /><a id="yearSix" href="javascript:toggle('Year6','yearSix');">Jaarlaag 6</a><br/></span>
			<div id="Year6" style="display: none;">
				<input type="checkbox" name="yearSixCheckbox" value="Klas6V1" onclick="toggleGroup('Klas6V1')" CHECKED/> Klas6V1 <br />
				<input type="checkbox" name="yearSixCheckbox" value="Klas6V2" onclick="toggleGroup('Klas6V2')" CHECKED/> Klas6V2 <br />
			</div>
		</div>
	</div>
</body>
</html>
